<template>
  <div>
    <Header></Header>
    <section
      data-test="page-section"
      data-section-theme="white-bold"
      class="page-section layout-engine-section background-width--inset section-height--medium content-width--medium horizontal-alignment--center vertical-alignment--middle has-background softwareMain white-bold"
      data-section-id="6073ff55c64f9762a2a3667b"
      data-controller="SectionWrapperController"
      data-animation="none"
      data-controllers-bound="SectionWrapperController"
      style="padding-top: 267.656px"
      data-active="true"
    >
      <div class="section-border">
        <div class="section-background" style="top: 267.656px">
          <img
            data-src="../assets/imgs/blog+1.png"
            data-image="../assets/imgs/blog+1.png"
            data-image-dimensions="1920x842"
            data-image-focal-point="0.4965034965034965,0.05588125233878005"
            data-load="false"
            elementtiming="nbf-background"
            src="../assets/imgs/blog+1.png"
            width="1920"
            height="842"
            sizes="(max-width: 799px) 200vw, 100vw"
            style="
              display: block;
              object-position: 49.65034965034965% 5.588125233878005%;
            "
            srcset="
              ../assets/imgs/blog+1.png?format=100w   100w,
              ../assets/imgs/blog+1.png?format=300w   300w,
              ../assets/imgs/blog+1.png?format=500w   500w,
              ../assets/imgs/blog+1.png?format=750w   750w,
              ../assets/imgs/blog+1.png?format=1000w 1000w,
              ../assets/imgs/blog+1.png?format=1500w 1500w,
              ../assets/imgs/blog+1.png?format=2500w 2500w
            "
            fetchpriority="high"
            loading="eager"
            decoding="async"
            data-loader="sqs"
          />
          <div class="section-background-overlay" style="opacity: 0.08"></div>
        </div>
      </div>
      <div class="content-wrapper" style="">
        <div class="content">
          <div
            class="sqs-layout sqs-grid-12 columns-12"
            data-type="page-section"
            id="page-section-6073ff55c64f9762a2a3667b"
          >
            <div class="row sqs-row">
              <div class="col sqs-col-12 span-12">
                <div
                  class="sqs-block html-block sqs-block-html"
                  data-block-type="2"
                  id="block-yui_3_17_2_1_1618214657705_6054"
                >
                  <div class="sqs-block-content">
                    <div class="sqs-html-content">
                      <h1
                        style="
                          text-align: center;
                          white-space: pre-wrap;
                          transition-timing-function: ease;
                          transition-duration: 0.65s;
                          transition-delay: 0.293333s;
                        "
                        class="preScale scaleIn"
                      >
                        Who We Are
                      </h1>
                      <h1
                        style="
                          text-align: center;
                          white-space: pre-wrap;
                          transition-timing-function: ease;
                          transition-duration: 0.65s;
                          transition-delay: 0.306667s;
                        "
                        class="preScale scaleIn"
                      >
                        <em style="font-weight: 500">Our Company</em>
                      </h1>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section
      data-test="page-section"
      data-section-theme="white"
      class="page-section layout-engine-section background-width--full-bleed section-height--small content-width--medium horizontal-alignment--center vertical-alignment--middle white"
      data-section-id="6072d83b914ab96275f79784"
      data-controller="SectionWrapperController"
      data-animation="none"
      data-controllers-bound="SectionWrapperController"
      data-active="true"
    >
      <div class="content-wrapper" style="">
        <div class="content">
          <h2 style="font-weight: 500">
            Hubei Houai Health Management Co. Ltd
          </h2>
          <p class="sqsrte-large">
            Hubei's first software and hardware platform research and
            development company
          </p>
          <p class="sqsrte-small">
            Hubei Houai Health Management Co. Ltd. Hubei's first software and
            hardware platform research and development company with the concept
            of creating an online health ecosystem. The company uses the current
            international high-tech Internet + medical cloud computing big data
            combined with professional medical institution doctors at home and
            abroad to carry out online general medical services. It is intended
            that every family member can complete the whole process of medical
            treatment on the platform system at home. The company’s platform
            brings together a team of experts from Hong Kong, Macau, Taiwan, and
            overseas, and adopts the latest international current treatment
            concepts, natural medicine (from the Russian State University),
            psychology (from the University of Hong Kong), nutrition, etc. The
            health service needs of each family are fulfilled in a timely
            manner.
          </p>
          <p class="sqsrte-small">
            The company adheres to the establishment of a large health ecosystem
            chain, so that every family will change from the past lifestyle of
            seeking medical treatment to the daily health monitoring and early
            warning of wearing wearable equipment at home. It pays great
            attention to the management of the numerical change of its own vital
            signs and prevention Yu Weiran. The company adopts the latest
            international scientific and technological testing equipment,
            exclusive medical diagnosis level, provides 24-hour back-end doctor
            team to diagnose the measured data around the clock, and opens risk
            value alarms, video consultations, one-click first aid, drug
            delivery to your home, nursing staff, home care and many other
            services. To a greater extent, you can avoid the risk of secondary
            infection of family members when visiting the hospital, so that the
            medical treatment can be conveniently completed at your home or
            location.
          </p>
          <h4>
            <strong
              >Let us work together to protect the health of your family</strong
            >
          </h4>
          <div>
            <img
              data-stretch="true"
              data-src="../assets/imgs/Company.png"
              data-image="../assets/imgs/Company.png"
              data-image-dimensions="631x428"
              data-image-focal-point="0.5,0.5"
              alt="Company.png"
              data-load="false"
              elementtiming="system-image-block"
              src="../assets/imgs/Company.png"
              width="631"
              height="428"
              sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 100vw"
              style="
                display: block;
                object-fit: cover;
                width: 100%;
                height: 100%;
                object-position: 50% 50%;
              "
              onload='this.classList.add("loaded")'
              srcset="
                ../assets/imgs/Company.png?format=100w   100w,
                ../assets/imgs/Company.png?format=300w   300w,
                ../assets/imgs/Company.png?format=500w   500w,
                ../assets/imgs/Company.png?format=750w   750w,
                ../assets/imgs/Company.png?format=1000w 1000w,
                ../assets/imgs/Company.png?format=1500w 1500w,
                ../assets/imgs/Company.png?format=2500w 2500w
              "
              loading="lazy"
              decoding="async"
              data-loader="sqs"
              class="loaded"
            />
          </div>
        </div>
      </div>
    </section>
    <Footer></Footer>
  </div>
</template>
<script>
import Header from "../components/header.vue";
import Footer from "../components/footer.vue";
export default {
  components: {
    Header,
    Footer,
  },
};
</script>
<style scoped>
@import url("../assets/css/common.css");
@media screen and (min-width: 768px) {
  .page-section.content-width--medium:not(.content-collection) .content {
    width: 75%;
  }
}
@media screen and (min-width: 768px),
  screen and (max-width: calc(1511px)) and (orientation: landscape) {
  h1 {
    font-size: calc((4 - 2) * 1.2vw + 1rem);
  }
}
@media screen and (min-width: 768px),
  screen and (max-width: calc(1511px)) and (orientation: landscape) {
  h2 {
    font-size: calc((2.8 - 1) * 1.2vw + 1rem);
  }
}
@media screen and (min-width: 768px),
  screen and (max-width: calc(1511px)) and (orientation: landscape) {
  .sqsrte-large {
    font-size: calc((1.4 - 1) * 1.2vw + 1rem);
  }
}
.content p,
.content h2,
.content h4 {
  text-align: center;
}
.section-border {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.page-section.section-height--medium:not(.content-collection):not(
    .gallery-section
  ):not(.user-items-list-section) {
  min-height: 66vh;
}
.section-background {
  overflow: hidden;
  pointer-events: none;
}
.page-section.background-width--inset:not(.content-collection):not(
    .gallery-section
  ):not(.user-items-list-section) {
  padding-top: 4vw;
  padding-right: 4vw;
  padding-bottom: 4vw;
  padding-left: 4vw;
}
.section-background,
.section-background .section-background-content,
.section-background .section-background-canvas,
.section-background .section-background-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.background-width--inset:not(.content-collection):not(.gallery-section):not(
    .user-items-list-section
  )
  .section-background {
  top: 4vw;
  right: 4vw;
  bottom: 4vw;
  left: 4vw;
  /* position: absolute; */
}
.sqs-block-html .sqs-block-content *:not(h1):not(h2):not(h3),
.sqs-block-html .sqs-html-content *:not(h1):not(h2):not(h3) {
  word-wrap: break-word;
}
.tradiTip1 {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  width: 70%;
  left: 20%;
}
.section-background img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.section-background img {
  position: relative;
}
.section-border {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
h1 {
  color: #fff;
}
h2,
p {
  text-align: center;
  white-space: pre-wrap;
  transition-timing-function: ease;
  transition-duration: 0.65s;
  transition-delay: 0.32s;
}
.sqsrte-large,
p,
.sqsrte-small {
  margin: 1rem 0;
}
.sqsrte-large,
p,
.sqsrte-small {
  line-height: 1.8em;
}
.sqsrte-small {
  color: #999;
}
@media screen and (max-width: 767px) {
  .softwareMain .section-background {
    top: 136px !important;
  }
  .softwareMain {
    padding-top: 136px !important;
  }
}
</style>
